.scale-1px {
    position: relative;
    border: none;
}

.scale-1px:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.scale4-1px-blue {
    position: relative;
    margin-bottom: 20px;
    border: none;
    color: #1C7FDD;
    padding: 0.09333rem 0.44rem;
}

.scale4-1px-blue:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #1C7FDD;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.scale4-1px-red {
    position: relative;
    margin-bottom: 20px;
    border: none;
    color: #F84046;
    padding: 0.09333rem 0.62667rem;
}

.scale4-1px-red:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #F84046;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
